<template>
	<view>
		<view class="u-demo-block__content">
			<view class="us-ava-content">
				<view class="us-avatar">
					<u-avatar
						src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi0.hdslb.com%2Fbfs%2Farticle%2F03f7062a91dc5f1bfd45f84c0645bd7f137ce161.jpg&refer=http%3A%2F%2Fi0.hdslb.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1658542917&t=d4a53cf0ae2a4a69e8d7c7371bd9a47a"
						mode="circle" size="large">
					</u-avatar>
				</view>
				<view class="us-text">
					<text>{{this.vuex_user.userName}}</text>
				</view>
			</view>
			<u-row>
				<u-col>
					<view class="us-item">
						<text>系统设置</text>
						<u-icon name="arrow-right" color="#CCCCCC" size="35rpx"></u-icon>
					</view>
					<view class="us-item">
						<text>版本信息</text>
						<text>V202203</text>
					</view>
				</u-col>
			</u-row>
		</view>
		<view>
			<view class="button" hover-class="button-hover" @click="logOut()">
				<text>退出登录</text>
			</view>
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				show: false
			};
		},
		methods: {
			logOut() {
				this.$u.vuex("vuex_token", '');
				setTimeout(() => {
					uni.reLaunch({
						url: "/pages/login/login",
					});
				}, 500);
			},
		}
	}
</script>
<style lang="scss">
	@import "user.scss"
</style>
